
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
        <meta name="format-detection" content="telephone=no" />
        <title>提现</title>
        <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
        <link rel="stylesheet" type="text/css" href="../../css/common.css" />
        <style>
            body{
                background: #f3f3f3;
                font-size: 14px;
            }
            footer.aui-nav{
                z-index: 99999;
            }
            header.aui-bar{
                background: #fff;
            }
            .aui-title{
                color:#000;
            }
            .contain{
                position: relative;
                margin-bottom: 70px;
            }
            .menuRgiht{
                float: right;
                margin-right:20px;
            }
            #scroller{
                width: 100%;
            }
            .aui-list-view{
                overflow: hidden;
            }
            .aui-list-view:after{
                border:none;
            }
            textarea{
                padding:2px 8px;
                border:none;
                height: 80px;
                overflow-y: auto;
                margin-top: 5px;
            }
            .aui-list-view i.aui-iconfont{
                color:#000;
            }
            /*下面弹出的样式*/
            .pickerToTop{
                position: fixed;
                bottom: 0;
                -webkit-transform: translateY(143px);
                height:143px;
                overflow-y:auto; 
                -webkit-transition:  .5s;
                transition:  .5s;
                z-index: 999;
                width: 100%;
                text-align: center;
            }
            .toTopAnimate{
                -webkit-transform: translateY(00px);
            }
            .myBorder{
                height: 8px;
                background: #797979;
            }

            input[type="text"],input[type="number"]{
                line-height: 25px;
                margin: 0;
                width: inherit;
                padding: 0;
                border: 0;
            }
        </style>
    </head>
    <body>
    <header class="aui-bar aui-bar-nav aui-border-b">
        <div class="aui-pull-left aui-iconfont aui-icon-left icon-left-coler" tapmode onclick="closeWin()"></div>
        <div class="aui-title">
            提现
        </div>
    </header>
        <div class="contain">
            <ul class="aui-list-view">
                <li class="aui-list-view-cell" data-type="proType" tapmode onclick="showPicker(this)">
                    <a class="aui-arrow-right">
                        提现方式
                        <span class="menuRgiht tixianType">支付宝</span>
                    </a>
                </li>
            </ul>
            <ul class="aui-list-view">
                <li class="aui-list-view-cell"  >
                    <span>账号</span>
                    <input type="text"  placeholder="请输入您的账号" value="">
                </li>
                <li class="aui-list-view-cell"  >
                    <span>姓名</span>
                    <input type="text"  placeholder="请输入您的姓名" value="">
                </li>
                <li class="aui-list-view-cell"  >
                    <span>金额</span>
                    <input type="number"  placeholder="请输入您要提现的金额" value="">
                </li>
            </ul>
            <div class="myBtn">确认转出</div>
        </div>  
        <!-- <footer class="aui-nav">
            <div class="myBtn">确认发布</div>
        </footer> -->        
        <div class="pickerToTop">
            <ul class="aui-list-view youfei">
                <li class="aui-list-view-cell zfBlue"   tapmode onclick="setType(this)">
                    支付宝
                </li>
                <li class="aui-list-view-cell"  tapmode onclick="setType(this)">
                    银行卡
                </li>
                <li class=" myBorder" >
                    
                </li>
                <li class="aui-list-view-cell "  tapmode onclick="hidePicker()">
                    取消
                </li>
            </ul>
        </div>
    </body>
    <script type="text/javascript" src="../../script/api.js"></script>
    <script type="text/javascript" src="../../script/common.js"></script>
    <script type="text/javascript" src="../../script/doT.min.js"></script>
    <script type="text/javascript" src="../../script/jquery-1.11.3.js"></script>
    <script type="text/javascript" src="../../script/mui.js"></script>
    <script type="text/javascript">
        apiready = function() {
            api.parseTapmode();
            
        }
        // mui遮罩
        var mask = mui.createMask(hidePicker);
        // 显示遮罩
        function showPicker(obj){
            mask.show();
            $(".pickerToTop").addClass("toTopAnimate");
        }
        // 关闭遮罩
        function hidePicker(){
            $(".pickerToTop").removeClass("toTopAnimate");
            mask.myclose();
        }
        // 设置体现方式
        function setType(obj){
            $(".tixianType").text($(obj).text());
            hidePicker();
        }
    </script>
</html>
